<template>
	<div class="bottom" >
		<div class="common" >
			<p>综合交易费 </p>
			<a><span style="margin: 0;">{{data.fee | toDoT}}</span>元（包括前两天）</a>
		</div>
		<div class="common">
			<p>履约保证金 </p>
			<a style="color: #FFFC25;">{{data.agreementScale}}</a>
		</div>
		<div class="common">
			<p>递延条件 </p>
			<a>浮动盈亏大于<span>{{data.diyanCondition}}</span></a>
		</div>
		<div class="common">
			<p>递延费</p>
			<a><span>{{data.defer}}</span>元/天</a>
		</div>
		<p class="footer" >下午14:55以后不能发起点买和点卖</p>
	</div>
</template>

<script>
	export default {
		props:['for'],
		data(){
			return{
				data:{
					fee:""
				},
				flag:0,
				text:"当前可点买总额：50万；单股点买金额不超过:50万。"
			}
		},
		filters:{
			toDoT(val){
				return 	Math.ceil(parseInt(val));
			}
		},
	    watch: {
            for(value) {
                this.data = value;
            }
        }
	}
</script>

<style lang="less" scoped>
@import '../less/config.less';
.bottom{
	background:#141723;
	color: white;
	.common{
		border-bottom:1px solid #262934;
		padding: 0 @p30;
		height:1.306rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		p{
			font-size: @f32;
			img{
				vertical-align:middle;
			}
			
		}
		a{
			text-decoration: none;
			font-size: @p30;
			color: #56627C;
			span{
				margin-right: .1rem;
				font-size: @f32;
				color: #FFFC25;
				
				padding: 5px;
			}
			.act{
				border: 1px solid #FFFC25;
				color: #FFFC25;
			}
			
		}
		
	}
	.footer{
		padding: 0.4rem;
		line-height: .3rem; 
		color: #999999;
		 font-size: 0.32rem; 
		 line-height: 0.5rem; 
		 background: @bgColor;
		 margin-bottom: @fsize;
	}
}


</style>